<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords" content="Hexo Theme Redefine">
    
    <meta name="author" content="Rem">
    <!-- preconnect -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    
    
    <!--- Seo Part-->
    
    <link rel="canonical" href="http://incoparab.gitee.io/2023/03/07/markdown语法/"/>
    <meta name="robots" content="index,follow">
    <meta name="googlebot" content="index,follow">
    <meta name="revisit-after" content="1 days">
    
        <meta name="description" content="一些自己整理的markdown语法">
<meta property="og:type" content="article">
<meta property="og:title" content="Markdown语法">
<meta property="og:url" content="http://incoparab.gitee.io/2023/03/07/Markdown%E8%AF%AD%E6%B3%95/index.html">
<meta property="og:site_name" content="Hexo">
<meta property="og:description" content="一些自己整理的markdown语法">
<meta property="og:locale" content="zh_CN">
<meta property="og:image" content="http://incoparab.gitee.io/%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80">
<meta property="article:published_time" content="2023-03-07T03:23:42.000Z">
<meta property="article:modified_time" content="2023-04-12T08:52:41.101Z">
<meta property="article:author" content="Rem">
<meta property="article:tag" content="Markdown">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="http://incoparab.gitee.io/%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80">
    
    
    <!--- Icon Part-->
    <link rel="icon" type="image/png" href="https://cdn.jsdelivr.net/gh/wz-fu/My-img@master/img/index.svg" sizes="192x192">
    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.jsdelivr.net/gh/wz-fu/My-img@master/img/index.svg">
    <meta name="theme-color" content="#A31F34">
    <link rel="shortcut icon" href="https://cdn.jsdelivr.net/gh/wz-fu/My-img@master/img/index.svg">
    <!--- Page Info-->
    
    <title>
        
            Markdown语法 -
        
        Rem&#39;s blog
    </title>
    
<link rel="stylesheet" href="/css/style.css">

    
<link rel="stylesheet" href="/fonts/fonts.css">

    
<link rel="stylesheet" href="/fonts/Satoshi/satoshi.css">

    
<link rel="stylesheet" href="/fonts/Chillax/chillax.css">

    <!--- Font Part-->
    
    
    
    

    <!--- Inject Part-->
    
    <script id="hexo-configurations">
    let Global = window.Global || {};
    Global.hexo_config = {"hostname":"incoparab.gitee.io","root":"/","language":"zh-CN","path":"search.xml"};
    Global.theme_config = {"articles":{"style":{"font_size":"16px","line_height":1.5,"image_border_radius":"14px","image_alignment":"center","image_caption":false,"link_icon":true},"word_count":{"enable":true,"count":true,"min2read":true},"author_label":{"enable":true,"auto":false,"list":[]},"code_block":{"copy":true,"style":"mac","font":{"enable":false,"family":null,"url":null}},"toc":{"enable":true,"max_depth":3,"number":false,"expand":true,"init_open":true},"copyright":true,"lazyload":true,"recommendation":{"enable":false,"title":"推荐阅读","limit":3,"mobile_limit":2,"placeholder":"/images/wallhaven-wqery6-light.webp","skip_dirs":[]}},"colors":{"primary":"#A31F34","secondary":null},"global":{"fonts":{"chinese":{"enable":false,"family":null,"url":null},"english":{"enable":false,"family":null,"url":null}},"content_max_width":"1000px","sidebar_width":"210px","hover":{"shadow":true,"scale":true},"scroll_progress":{"bar":false,"percentage":true},"website_counter":{"enable":true,"site_pv":true,"site_uv":true,"post_pv":true},"single_page":true,"open_graph":true,"google_analytics":{"enable":false,"id":null}},"home_banner":{"enable":true,"style":"fixed","image":{"light":"/images/wallhaven-wqery6-light.webp","dark":"/images/wallhaven-wqery6-dark.webp"},"title":"海内存知己，天涯若比邻。","subtitle":{"text":["Loading..."],"hitokoto":{"enable":true,"api":"https://v1.hitokoto.cn"},"typing_speed":100,"backing_speed":80,"starting_delay":500,"backing_delay":1500,"loop":true,"smart_backspace":true},"text_color":{"light":"#fff","dark":"#d1d1b6"},"text_style":{"title_size":"2.8rem","subtitle_size":"1.5rem","line_height":1.2},"custom_font":{"enable":false,"family":null,"url":null},"social_links":{"enable":true,"links":{"github":"https://github.com/incoparab","github-alt":"https://gitee.com/incoparab","email":"wz-fu@qq.com","qq":"https://qm.qq.com/cgi-bin/qm/qr?k=uoG1bSqlpuxtU1fnQf5il299enoh6JmM&noverify=0&personal_qrcode_source=3"},"qrs":{"weixin":null}}},"plugins":{"feed":{"enable":false},"aplayer":{"enable":false,"type":"fixed","audios":[{"name":null,"artist":null,"url":null,"cover":null}]},"mermaid":{"enable":true,"version":"9.3.0"}},"version":"2.3.0","navbar":{"auto_hide":true,"color":{"left":"#f78736","right":"#367df7","transparency":35},"links":{"Home":{"path":"/","icon":"fa-regular fa-house"},"Archives":{"path":"/archives","icon":"fa-regular fa-archive"},"tags":{"path":"/tags/","icon":"fa-solid fa-tags"},"love house":{"path":"http://eatpai.xyz/","icon":"fa-solid fa-heart"}},"search":{"enable":true,"preload":true}},"page_templates":{"friends_column":2,"tags_style":"blur"},"home":{"sidebar":{"enable":true,"position":"left","first_item":"menu","announcement":null,"links":null},"article_date_format":"auto","categories":{"enable":true,"limit":3},"tags":{"enable":true,"limit":3}},"footerStart":"2023/3/6 20:00:00"};
    Global.language_ago = {"second":"%s 秒前","minute":"%s 分钟前","hour":"%s 小时前","day":"%s 天前","week":"%s 周前","month":"%s 个月前","year":"%s 年前"};
    Global.data_config = {"masonry":false};
  </script>
    
    <!--- Fontawesome Part-->
    
<link rel="stylesheet" href="/fontawesome/fontawesome.min.css">

    
<link rel="stylesheet" href="/fontawesome/brands.min.css">

    
<link rel="stylesheet" href="/fontawesome/solid.min.css">

    
<link rel="stylesheet" href="/fontawesome/regular.min.css">

    
        
<link rel="stylesheet" href="/fontawesome/thin.min.css">

    
    
    
    
<meta name="generator" content="Hexo 6.3.0"></head>


<body>
<div class="progress-bar-container">
    

    
        <span class="pjax-progress-bar"></span>
        <span class="swup-progress-icon">
            <i class="fa-solid fa-circle-notch fa-spin"></i>
        </span>
    
</div>


<main class="page-container" id="swup">
    

    

    <div class="main-content-container">
        

        <div class="main-content-header">
            <header class="navbar-container">
    
    <div class="navbar-content">
        <div class="left">
            
                <a class="logo-image" href="/">
                    <img src="https://cdn.jsdelivr.net/gh/wz-fu/My-img@master/img/index.svg">
                </a>
            
            <a class="logo-title" href="/">
                
                Rem&#39;s blog
                
            </a>
        </div>

        <div class="right">
            <!-- PC -->
            <div class="desktop">
                <ul class="navbar-list">
                    
                        
                            <li class="navbar-item">
                                <!-- Menu -->
                                <a class="" 
                                    href="/"  >
                                    
                                        
                                            <i class="fa-regular fa-house"></i>
                                        
                                        首页
                                    
                                </a>
                                <!-- Submenu -->
                                
                            </li>
                    
                        
                            <li class="navbar-item">
                                <!-- Menu -->
                                <a class="" 
                                    href="/archives"  >
                                    
                                        
                                            <i class="fa-regular fa-archive"></i>
                                        
                                        归档
                                    
                                </a>
                                <!-- Submenu -->
                                
                            </li>
                    
                        
                            <li class="navbar-item">
                                <!-- Menu -->
                                <a class="" 
                                    href="/tags/"  >
                                    
                                        
                                            <i class="fa-solid fa-tags"></i>
                                        
                                        标签
                                    
                                </a>
                                <!-- Submenu -->
                                
                            </li>
                    
                        
                            <li class="navbar-item">
                                <!-- Menu -->
                                <a class="" 
                                    target="_blank" rel="noopener" href="http://eatpai.xyz/"  >
                                    
                                        
                                            <i class="fa-solid fa-heart"></i>
                                        
                                        LOVE HOUSE
                                    
                                </a>
                                <!-- Submenu -->
                                
                            </li>
                    
                    
                        <li class="navbar-item search search-popup-trigger">
                            <i class="fa-solid fa-magnifying-glass"></i>
                        </li>
                    
                </ul>
            </div>
            <!-- Mobile -->
            <div class="mobile">
                
                    <div class="icon-item search search-popup-trigger"><i class="fa-solid fa-magnifying-glass"></i></div>
                
                <div class="icon-item navbar-bar">
                    <div class="navbar-bar-middle"></div>
                </div>
            </div>
        </div>
    </div>

    <!-- Mobile drawer -->
    <div class="navbar-drawer">
        <ul class="drawer-navbar-list">
            
                
                    <li class="drawer-navbar-item flex-center">
                        <a class="" 
                        href="/"  >
                             
                                
                                    <i class="fa-regular fa-house"></i>
                                
                                首页
                            
                        </a>
                    </li>
                    <!-- Submenu -->
                    
            
                
                    <li class="drawer-navbar-item flex-center">
                        <a class="" 
                        href="/archives"  >
                             
                                
                                    <i class="fa-regular fa-archive"></i>
                                
                                归档
                            
                        </a>
                    </li>
                    <!-- Submenu -->
                    
            
                
                    <li class="drawer-navbar-item flex-center">
                        <a class="" 
                        href="/tags/"  >
                             
                                
                                    <i class="fa-solid fa-tags"></i>
                                
                                标签
                            
                        </a>
                    </li>
                    <!-- Submenu -->
                    
            
                
                    <li class="drawer-navbar-item flex-center">
                        <a class="" 
                        target="_blank" rel="noopener" href="http://eatpai.xyz/"  >
                             
                                
                                    <i class="fa-solid fa-heart"></i>
                                
                                LOVE HOUSE
                            
                        </a>
                    </li>
                    <!-- Submenu -->
                    
            

        </ul>
    </div>

    <div class="window-mask"></div>

</header>


        </div>

        <div class="main-content-body">

            

            <div class="main-content">

                
                    <div class="post-page-container">
    <div class="article-content-container">

        <div class="article-title">
            
                <h1 class="article-title-regular">Markdown语法</h1>
            
            </div>
            
                    
        
        
            <div class="article-header">
                <div class="avatar">
                    <img src="https://cdn.jsdelivr.net/gh/incoparab/My-img@master/img/OIG.g.EV_joMtXCJr9.jpg">
                </div>
                <div class="info">
                    <div class="author">
                        <span class="name">Rem</span>
                        
                            <span class="author-label">Lv3</span>
                        
                    </div>
                    <div class="meta-info">
                        <div class="article-meta-info">
    <span class="article-date article-meta-item">
        <i class="fa-regular fa-pen-fancy"></i>&nbsp;
        <span class="desktop">2023-03-07 11:23:42</span>
        <span class="mobile">2023-03-07 11:23:42</span>
        <span class="hover-info">创建</span>
    </span>
    
        <span class="article-date article-meta-item">
            <i class="fa-regular fa-wrench"></i>&nbsp;
            <span class="desktop">2023-04-12 16:52:41</span>
            <span class="mobile">2023-04-12 16:52:41</span>
            <span class="hover-info">更新</span>
        </span>
    

    
    
        <span class="article-tags article-meta-item">
            <i class="fa-regular fa-tags"></i>&nbsp;
            <ul>
                
                    <li>
                        <a href="/tags/Markdown/">Markdown</a>&nbsp;
                    </li>
                
            </ul>
        </span>
    

    
    
        <span class="article-wordcount article-meta-item">
            <i class="fa-regular fa-typewriter"></i>&nbsp;<span>1.6k 字</span>
        </span>
    
    
        <span class="article-min2read article-meta-item">
            <i class="fa-regular fa-clock"></i>&nbsp;<span>7 分钟</span>
        </span>
    
    
        <span class="article-pv article-meta-item">
            <i class="fa-regular fa-eye"></i>&nbsp;<span id="busuanzi_value_page_pv"></span>
        </span>
    
</div>

                    </div>
                </div>
            </div>
        

        <div class="article-content markdown-body">
            <h2 id="常见功能"><a href="#常见功能" class="headerlink" title="常见功能"></a>常见功能</h2><table>
<thead>
<tr>
<th>功能</th>
<th>快捷键&#x2F;语法</th>
<th>效果</th>
</tr>
</thead>
<tbody><tr>
<td>加粗</td>
<td>Ctrl+B 或者 <strong>加粗</strong> 或者 <strong>加粗</strong></td>
<td>加粗</td>
</tr>
<tr>
<td>斜体</td>
<td>Ctrl+I 或者 <em>斜体</em> 或者 <em>斜体</em></td>
<td>斜体</td>
</tr>
<tr>
<td>加粗且斜体</td>
<td><em><strong>加粗且斜体</strong></em> 或者 <em><strong>加粗且斜体</strong></em></td>
<td>加粗且斜体</td>
</tr>
<tr>
<td>下划线</td>
<td>Ctrl+U 或者 下划线</td>
<td>下划线</td>
</tr>
<tr>
<td>删除线</td>
<td>Alt+Shift+5 或者 <del>删除线</del></td>
<td>删除线</td>
</tr>
<tr>
<td>水平分割线</td>
<td>*** 或者 - - - 或者 _ _ _</td>
<td>—</td>
</tr>
<tr>
<td>高亮</td>
<td>&#x3D;&#x3D;高亮&#x3D;&#x3D;</td>
<td>高亮</td>
</tr>
<tr>
<td>下标</td>
<td><del>下标</del></td>
<td>下标2</td>
</tr>
<tr>
<td>上标</td>
<td>^上标^</td>
<td>上标2</td>
</tr>
<tr>
<td>注释</td>
<td>[^注释1]</td>
<td>注释注释1</td>
</tr>
<tr>
<td>代码</td>
<td>Ctrl+Shift+&#96; 或者 &#96;&#96;</td>
<td>代码</td>
</tr>
<tr>
<td>选中一行</td>
<td>Ctrl+L</td>
<td>&#x2F;</td>
</tr>
<tr>
<td>选中一个单词</td>
<td>Ctrl+D</td>
<td>&#x2F;</td>
</tr>
<tr>
<td>选中相同格式的文字</td>
<td>Ctrl+E</td>
<td>&#x2F;</td>
</tr>
<tr>
<td>生成目录</td>
<td></td>
<td>&#x2F;</td>
</tr>
<tr>
<td>一级标题</td>
<td>Ctrl+1 或者 #+空格+文字</td>
<td>&#x2F;</td>
</tr>
<tr>
<td>二级标题</td>
<td>Ctrl+2 或者 ##+空格+文字</td>
<td>&#x2F;</td>
</tr>
<tr>
<td>三级标题</td>
<td>Ctrl+3 或者 ###+空格+文字</td>
<td>&#x2F;</td>
</tr>
<tr>
<td>四级标题</td>
<td>Ctrl+4 或者 ####+空格+文字</td>
<td>&#x2F;</td>
</tr>
<tr>
<td>五级标题</td>
<td>Ctrl+5 或者 #####+空格+文字</td>
<td>&#x2F;</td>
</tr>
<tr>
<td>六级标题</td>
<td>Ctrl+6 或者 ######+空格+文字</td>
<td>&#x2F;</td>
</tr>
<tr>
<td>返回顶部</td>
<td>Ctrl+Home</td>
<td>&#x2F;</td>
</tr>
<tr>
<td>返回底部</td>
<td>Ctrl+End</td>
<td>&#x2F;</td>
</tr>
<tr>
<td>创建表格</td>
<td>Ctrl+T</td>
<td>&#x2F;</td>
</tr>
<tr>
<td>创建超链接</td>
<td>Ctrl+K 或者 <a href="%E9%93%BE%E6%8E%A5%E5%9C%B0%E5%9D%80">链接名称</a></td>
<td>百度</td>
</tr>
<tr>
<td>搜索并替换</td>
<td>Ctrl+H</td>
<td>&#x2F;</td>
</tr>
<tr>
<td>插入图片</td>
<td>Ctrl+Shift+I 或者 复制粘贴 或者 直接拖动 或者<img  
                     lazyload
                     src="/images/loading.svg"
                     data-src="/%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80"
                      alt="图片的替代文字"
                ></td>
<td>&#x2F;</td>
</tr>
<tr>
<td>表情</td>
<td>:happy: 或者 :smiley: 或者 :cry:</td>
<td>“:happpy:”</td>
</tr>
<tr>
<td>向右缩进</td>
<td>Tab</td>
<td>&#x2F;</td>
</tr>
</tbody></table>
<h2 id="流程图"><a href="#流程图" class="headerlink" title="流程图"></a>流程图</h2><h3 id="横向流程图源码格式："><a href="#横向流程图源码格式：" class="headerlink" title="横向流程图源码格式："></a>横向流程图源码格式：</h3><p>&lt;pre class&#x3D;”mermaid”&gt;<br><br>graph LR<br><br>A[方形] –&gt;B(圆角)<br><br>    B –&gt; C{条件a}<br><br>    C –&gt;|a&#x3D;1| D[结果1]<br><br>    C –&gt;|a&#x3D;2| E[结果2]<br><br>    F[横向流程图]<br><br>&lt;&#x2F;pre&gt;</p>
<pre class="mermaid">graph LR
A[方形] -->B(圆角)
    B --> C{条件a}
    C -->|a=1| D[结果1]
    C -->|a=2| E[结果2]
    F[横向流程图]</pre>

<h3 id="竖向流程图源码格式"><a href="#竖向流程图源码格式" class="headerlink" title="竖向流程图源码格式:"></a>竖向流程图源码格式:</h3><p>&lt;pre class&#x3D;”mermaid”&gt;<br><br>graph TD<br><br>A[方形] –&gt; B(圆角)<br><br>    B –&gt; C{条件a}<br><br>    C –&gt; |a&#x3D;1| D[结果1]<br><br>    C –&gt; |a&#x3D;2| E[结果2]<br><br>    F[竖向流程图]<br><br>&lt;&#x2F;pre&gt;</p>
<pre class="mermaid">graph TD
A[方形] --> B(圆角)
    B --> C{条件a}
    C --> |a=1| D[结果1]
    C --> |a=2| E[结果2]
    F[竖向流程图]</pre>

<h3 id="标准流程图源码格式："><a href="#标准流程图源码格式：" class="headerlink" title="标准流程图源码格式："></a>标准流程图源码格式：</h3><p>`&#96;&#96;flow<br><br>st&#x3D;&gt;start: 开始框<br><br>op&#x3D;&gt;operation: 处理框<br><br>cond&#x3D;&gt;condition: 判断框(是或否?)<br><br>sub1&#x3D;&gt;subroutine: 子流程<br><br>io&#x3D;&gt;inputoutput: 输入输出框<br><br>e&#x3D;&gt;end: 结束框<br><br>st-&gt;op-&gt;cond<br><br>cond(yes)-&gt;io-&gt;e<br><br>cond(no)-&gt;sub1(right)-&gt;op<br><br>`&#96;&#96;</p>
<div class="highlight-container" data-rel="Plaintext"><figure class="iseeu highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br></pre></td><td class="code"><pre><span class="line">st=&gt;start: 开始框</span><br><span class="line">op=&gt;operation: 处理框</span><br><span class="line">cond=&gt;condition: 判断框(是或否?)</span><br><span class="line">sub1=&gt;subroutine: 子流程</span><br><span class="line">io=&gt;inputoutput: 输入输出框</span><br><span class="line">e=&gt;end: 结束框</span><br><span class="line">st-&gt;op-&gt;cond</span><br><span class="line">cond(yes)-&gt;io-&gt;e</span><br><span class="line">cond(no)-&gt;sub1(right)-&gt;op</span><br></pre></td></tr></table></figure></div>

<h3 id="标准流程图源码格式（横向）："><a href="#标准流程图源码格式（横向）：" class="headerlink" title="标准流程图源码格式（横向）："></a>标准流程图源码格式（横向）：</h3><p>`&#96;&#96;flow<br><br>st&#x3D;&gt;start: 开始框<br><br>op&#x3D;&gt;operation: 处理框<br><br>cond&#x3D;&gt;condition: 判断框(是或否?)<br><br>sub1&#x3D;&gt;subroutine: 子流程<br><br>io&#x3D;&gt;inputoutput: 输入输出框<br><br>e&#x3D;&gt;end: 结束框<br><br>st(right)-&gt;op(right)-&gt;cond<br><br>cond(yes)-&gt;io(bottom)-&gt;e<br><br>cond(no)-&gt;sub1(right)-&gt;op<br><br>`&#96;&#96;</p>
<div class="highlight-container" data-rel="Plaintext"><figure class="iseeu highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br></pre></td><td class="code"><pre><span class="line">st=&gt;start: 开始框</span><br><span class="line">op=&gt;operation: 处理框</span><br><span class="line">cond=&gt;condition: 判断框(是或否?)</span><br><span class="line">sub1=&gt;subroutine: 子流程</span><br><span class="line">io=&gt;inputoutput: 输入输出框</span><br><span class="line">e=&gt;end: 结束框</span><br><span class="line">st(right)-&gt;op(right)-&gt;cond</span><br><span class="line">cond(yes)-&gt;io(bottom)-&gt;e</span><br><span class="line">cond(no)-&gt;sub1(right)-&gt;op</span><br></pre></td></tr></table></figure></div>

<h3 id="UML时序图源码样例："><a href="#UML时序图源码样例：" class="headerlink" title="UML时序图源码样例："></a>UML时序图源码样例：</h3><p>`&#96;&#96;sequence<br>对象A-&gt;对象B: 对象B你好吗?（请求）<br>Note right of 对象B: 对象B的描述<br>Note left of 对象A: 对象A的描述(提示)<br>对象B–&gt;对象A: 我很好(响应)<br>对象A-&gt;对象B: 你真的好吗？<br>`&#96;&#96;</p>
<div class="highlight-container" data-rel="Plaintext"><figure class="iseeu highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">对象A-&gt;对象B: 对象B你好吗?（请求）</span><br><span class="line">Note right of 对象B: 对象B的描述</span><br><span class="line">Note left of 对象A: 对象A的描述(提示)</span><br><span class="line">对象B--&gt;对象A: 我很好(响应)</span><br><span class="line">对象A-&gt;对象B: 你真的好吗？</span><br></pre></td></tr></table></figure></div>

<h3 id="UML时序图源码复杂样例："><a href="#UML时序图源码复杂样例：" class="headerlink" title="UML时序图源码复杂样例："></a>UML时序图源码复杂样例：</h3><p>`&#96;&#96;sequence<br><br>Title: 标题：复杂使用<br><br>对象A-&gt;对象B: 对象B你好吗?（请求）<br><br>Note right of 对象B: 对象B的描述<br><br>Note left of 对象A: 对象A的描述(提示)<br><br>对象B–&gt;对象A: 我很好(响应)<br><br>对象B-&gt;小三: 你好吗<br><br>小三–&gt;&gt;对象A: 对象B找我了<br><br>对象A-&gt;对象B: 你真的好吗？<br><br>Note over 小三,对象B: 我们是朋友<br><br>participant C<br><br>Note right of C: 没人陪我玩<br><br>`&#96;&#96;</p>
<div class="highlight-container" data-rel="Plaintext"><figure class="iseeu highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br></pre></td><td class="code"><pre><span class="line">Title: 标题：复杂使用</span><br><span class="line">对象A-&gt;对象B: 对象B你好吗?（请求）</span><br><span class="line">Note right of 对象B: 对象B的描述</span><br><span class="line">Note left of 对象A: 对象A的描述(提示)</span><br><span class="line">对象B--&gt;对象A: 我很好(响应)</span><br><span class="line">对象B-&gt;小三: 你好吗</span><br><span class="line">小三--&gt;&gt;对象A: 对象B找我了</span><br><span class="line">对象A-&gt;对象B: 你真的好吗？</span><br><span class="line">Note over 小三,对象B: 我们是朋友</span><br><span class="line">participant C</span><br><span class="line">Note right of C: 没人陪我玩</span><br></pre></td></tr></table></figure></div>

<h3 id="UML标准时序图样例："><a href="#UML标准时序图样例：" class="headerlink" title="UML标准时序图样例："></a>UML标准时序图样例：</h3><p>&lt;pre class&#x3D;”mermaid”&gt;<br><br>%% 时序图例子,-&gt; 直线，–&gt;虚线，-&gt;&gt;实线箭头<br><br>  sequenceDiagram<br><br>    participant 张三<br><br>    participant 李四<br><br>    张三-&gt;王五: 王五你好吗？<br><br>    loop 健康检查<br><br>        王五-&gt;王五: 与疾病战斗<br><br>    end<br><br>    Note right of 王五: 合理 食物 <br/>看医生…<br><br>    李四–&gt;&gt;张三: 很好!<br><br>    王五-&gt;李四: 你怎么样?<br><br>    李四–&gt;王五: 很好!<br><br>&lt;&#x2F;pre&gt;</p>
<pre class="mermaid">%% 时序图例子,-> 直线，-->虚线，->>实线箭头
  sequenceDiagram
    participant 张三
    participant 李四
    张三->王五: 王五你好吗？
    loop 健康检查
        王五->王五: 与疾病战斗
    end
    Note right of 王五: 合理 食物 <br/>看医生...
    李四-->>张三: 很好!
    王五->李四: 你怎么样?
    李四-->王五: 很好!</pre>

<h3 id="甘特图样例："><a href="#甘特图样例：" class="headerlink" title="甘特图样例："></a>甘特图样例：</h3><p>&lt;pre class&#x3D;”mermaid”&gt;<br><br>%% 语法示例<br><br>        gantt<br><br>        dateFormat  YYYY-MM-DD<br><br>        title 软件开发甘特图<br><br>        section 设计<br>        需求                      :done,    des1, 2014-01-06,2014-01-08<br><br>        原型                      :active,  des2, 2014-01-09, 3d<br><br>        UI设计                     :         des3, after des2, 5d<br><br>    未来任务                     :         des4, after des3, 5d<br><br>        section 开发<br><br>        学习准备理解需求                      :crit, done, 2014-01-06,24h<br><br>        设计框架                             :crit, done, after des2, 2d<br><br>        开发                                 :crit, active, 3d<br><br>        未来任务                              :crit, 5d<br><br>        耍                                   :2d<br><br>        section 测试<br>        功能测试                              :active, a1, after des3, 3d<br><br>        压力测试                               :after a1  , 20h<br><br>        测试报告                               : 48h<br><br>&lt;&#x2F;pre&gt;</p>
<div class="highlight-container" data-rel="Plaintext"><figure class="iseeu highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br></pre></td><td class="code"><pre><span class="line">gantt</span><br><span class="line">        dateFormat  YYYY-MM-DD</span><br><span class="line">        title 软件开发甘特图</span><br><span class="line">        section 设计</span><br><span class="line">        需求                      :done,    des1, 2014-01-06,2014-01-08</span><br><span class="line">        原型                      :active,  des2, 2014-01-09, 3d</span><br><span class="line">        UI设计                     :         des3, after des2, 5d</span><br><span class="line">    未来任务                     :         des4, after des3, 5d</span><br><span class="line">        section 开发</span><br><span class="line">        学习准备理解需求                      :crit, done, 2014-01-06,24h</span><br><span class="line">        设计框架                             :crit, done, after des2, 2d</span><br><span class="line">        开发                                 :crit, active, 3d</span><br><span class="line">        未来任务                              :crit, 5d</span><br><span class="line">        耍                                   :2d</span><br><span class="line">        section 测试</span><br><span class="line">        功能测试                              :active, a1, after des3, 3d</span><br><span class="line">        压力测试                               :after a1  , 20h</span><br><span class="line">        测试报告                               : 48h</span><br></pre></td></tr></table></figure></div>

        </div>

        
            <div class="post-copyright-info">
                <div class="article-copyright-info-container">
    <ul>
        <li><strong>标题:</strong> Markdown语法</li>
        <li><strong>作者:</strong> Rem</li>
        <li><strong>创建于:</strong> 2023-03-07 11:23:42</li>
        
            <li>
                <strong>更新于:</strong> 2023-04-12 16:52:41
            </li>
        
        <li>
            <strong>链接:</strong> https://incoparab.gitee.io/2023/03/07/Markdown语法/
        </li>
        <li>
            <strong>版权声明:</strong> 本文章采用 <a class="license" target="_blank" rel="noopener" href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh">CC BY-NC-SA 4.0</a> 进行许可。
        </li>
    </ul>
</div>

            </div>
        

        
            <ul class="post-tags-box">
                
                    <li class="tag-item">
                        <a href="/tags/Markdown/">#Markdown</a>&nbsp;
                    </li>
                
            </ul>
        

        

        
            <div class="article-nav">
                
                    <div class="article-prev">
                        <a class="prev"
                        rel="prev"
                        href="/2023/03/07/%E7%BA%BF%E6%80%A7%E8%A1%A8%E4%B8%AD%E7%9A%84%E5%8D%95%E9%93%BE%E8%A1%A8/"
                        >
                            <span class="left arrow-icon flex-center">
                                <i class="fa-solid fa-chevron-left"></i>
                            </span>
                            <span class="title flex-center">
                                <span class="post-nav-title-item">线性表中的单链表</span>
                                <span class="post-nav-item">上一篇</span>
                            </span>
                        </a>
                    </div>
                
                
                    <div class="article-next">
                        <a class="next"
                        rel="next"
                        href="/2023/03/07/%E7%A8%8B%E5%BA%8F%E8%BF%9B%E7%A8%8B%E7%BB%93%E6%9D%9F%E4%BC%9A%E8%87%AA%E5%8A%A8%E5%9B%9E%E6%94%B6%E5%8A%A8%E6%80%81%E5%88%86%E9%85%8D%E7%9A%84%E7%A9%BA%E9%97%B4%E5%90%97%EF%BC%9F/"
                        >
                            <span class="title flex-center">
                                <span class="post-nav-title-item">程序进程结束会自动回收动态分配的空间吗？</span>
                                <span class="post-nav-item">下一篇</span>
                            </span>
                            <span class="right arrow-icon flex-center">
                                <i class="fa-solid fa-chevron-right"></i>
                            </span>
                        </a>
                    </div>
                
            </div>
        


        
            <div class="comment-container">
                <div class="comments-container pjax">
    <div id="comment-anchor"></div>
    <div class="comment-area-title">
        <i class="fa-solid fa-comments"></i>&nbsp;评论
    </div>
    

        
            
    <div id="giscus-container"></div>
    <script data-swup-reload-script defer>
        async function loadGiscus() {
            const giscusConfig = {
                'src': 'https://giscus.app/client.js',
                'data-repo': 'incoparab/comment',
                'data-repo-id': 'R_kgDOKJNPcw',
                'data-category': 'Announcements',
                'data-category-id': 'DIC_kwDOKJNPc84CYuc6',
                'data-mapping': 'pathname',
                'data-strict': '0',
                'data-reactions-enabled': '1',
                'data-emit-metadata': '1',
                'data-theme': 'preferred_color_scheme',
                'data-lang': 'en',
                'data-input-position': 'bottom',
                'data-loading': 'not-lazy',
                'crossorigin': 'anonymous',
                'async': true
            }
            const giscusScript = document.createElement('script');
            for (const key in giscusConfig) {
                giscusScript.setAttribute(key, giscusConfig[key]);
            }
            document.getElementById('giscus-container').appendChild(giscusScript);
        }
        if ('true') {
            let loadGiscusTimeout = setTimeout(() => {
                loadGiscus();
                clearTimeout(loadGiscusTimeout);
            }, 1000);
        } else {
            window.addEventListener('DOMContentLoaded', loadGiscus);
        }
    </script>


        
        
    
</div>

            </div>
        
    </div>

    
        <div class="toc-content-container">
            <div class="post-toc-wrap">
    <div class="post-toc">
        <div class="toc-title">此页目录</div>
        <div class="page-title">Markdown语法</div>
        <ol class="nav"><li class="nav-item nav-level-2"><a class="nav-link" href="#%E5%B8%B8%E8%A7%81%E5%8A%9F%E8%83%BD"><span class="nav-text">常见功能</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E6%B5%81%E7%A8%8B%E5%9B%BE"><span class="nav-text">流程图</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#%E6%A8%AA%E5%90%91%E6%B5%81%E7%A8%8B%E5%9B%BE%E6%BA%90%E7%A0%81%E6%A0%BC%E5%BC%8F%EF%BC%9A"><span class="nav-text">横向流程图源码格式：</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E7%AB%96%E5%90%91%E6%B5%81%E7%A8%8B%E5%9B%BE%E6%BA%90%E7%A0%81%E6%A0%BC%E5%BC%8F"><span class="nav-text">竖向流程图源码格式:</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E6%A0%87%E5%87%86%E6%B5%81%E7%A8%8B%E5%9B%BE%E6%BA%90%E7%A0%81%E6%A0%BC%E5%BC%8F%EF%BC%9A"><span class="nav-text">标准流程图源码格式：</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E6%A0%87%E5%87%86%E6%B5%81%E7%A8%8B%E5%9B%BE%E6%BA%90%E7%A0%81%E6%A0%BC%E5%BC%8F%EF%BC%88%E6%A8%AA%E5%90%91%EF%BC%89%EF%BC%9A"><span class="nav-text">标准流程图源码格式（横向）：</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#UML%E6%97%B6%E5%BA%8F%E5%9B%BE%E6%BA%90%E7%A0%81%E6%A0%B7%E4%BE%8B%EF%BC%9A"><span class="nav-text">UML时序图源码样例：</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#UML%E6%97%B6%E5%BA%8F%E5%9B%BE%E6%BA%90%E7%A0%81%E5%A4%8D%E6%9D%82%E6%A0%B7%E4%BE%8B%EF%BC%9A"><span class="nav-text">UML时序图源码复杂样例：</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#UML%E6%A0%87%E5%87%86%E6%97%B6%E5%BA%8F%E5%9B%BE%E6%A0%B7%E4%BE%8B%EF%BC%9A"><span class="nav-text">UML标准时序图样例：</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E7%94%98%E7%89%B9%E5%9B%BE%E6%A0%B7%E4%BE%8B%EF%BC%9A"><span class="nav-text">甘特图样例：</span></a></li></ol></li></ol>

    </div>
</div>
        </div>
    
</div>



                

            </div>
            
            

        </div>

        <div class="main-content-footer">
            <footer class="footer">
    <div class="info-container">
        <div class="copyright-info">
            &copy;
            
              <span>2023</span>
              -
            
            2023&nbsp;&nbsp;<i class="fa-solid fa-heart fa-beat" style="--fa-animation-duration: 0.5s; color: #f54545"></i>&nbsp;&nbsp;<a href="/">Rem</a>
        </div>
        
            <script data-swup-reload-script src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
            <div class="website-count info-item">
                
                    <span id="busuanzi_container_site_uv" class="busuanzi_container_site_uv">
                        访问人数&nbsp;<span id="busuanzi_value_site_uv" class="busuanzi_value_site_uv"></span>
                    </span>
                
                
                    <span id="busuanzi_container_site_pv" class="busuanzi_container_site_pv">
                        总访问量&nbsp;<span id="busuanzi_value_site_pv" class="busuanzi_value_site_pv"></span>
                    </span>
                
            </div>
        
        <div class="theme-info info-item">
            <span class="powered-by-container">由 <?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="圖層_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="1rem" height="1rem" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"><path fill="#0E83CD" d="M256.4,25.8l-200,115.5L56,371.5l199.6,114.7l200-115.5l0.4-230.2L256.4,25.8z M349,354.6l-18.4,10.7l-18.6-11V275H200v79.6l-18.4,10.7l-18.6-11v-197l18.5-10.6l18.5,10.8V237h112v-79.6l18.5-10.6l18.5,10.8V354.6z"/></svg><a target="_blank" href="https://hexo.io">Hexo</a> 驱动</span>
                <br>
            <span class="theme-version-container">主题&nbsp;<a class="theme-version" target="_blank" href="https://github.com/EvanNotFound/hexo-theme-redefine">Redefine v2.3.0</a></span>
        </div>
        
        
            <div>
                博客已运行 <span class="odometer" id="runtime_days" ></span> 天 <span class="odometer" id="runtime_hours"></span> 小时 <span class="odometer" id="runtime_minutes"></span> 分钟 <span class="odometer" id="runtime_seconds"></span> 秒
            </div>
        
        
        
            <script data-swup-reload-script>
                try {
                    function odometer_init() {
                    const elements = document.querySelectorAll('.odometer');
                    elements.forEach(el => {
                        new Odometer({
                            el,
                            format: '( ddd).dd',
                            duration: 200
                        });
                    });
                    }
                    odometer_init();
                } catch (error) {}
            </script>
        
        
        
    </div>  
</footer>
        </div>
    </div>

    
        <div class="post-tools">
            <div class="post-tools-container">
    <ul class="article-tools-list">
        <!-- TOC aside toggle -->
        
            <li class="right-bottom-tools page-aside-toggle">
                <i class="fa-regular fa-outdent"></i>
            </li>
        

        <!-- go comment -->
        
            <li class="go-comment">
                <i class="fa-regular fa-comments"></i>
            </li>
        
    </ul>
</div>

        </div>
    

    <div class="right-side-tools-container">
        <div class="side-tools-container">
    <ul class="hidden-tools-list">
        <li class="right-bottom-tools tool-font-adjust-plus flex-center">
            <i class="fa-regular fa-magnifying-glass-plus"></i>
        </li>

        <li class="right-bottom-tools tool-font-adjust-minus flex-center">
            <i class="fa-regular fa-magnifying-glass-minus"></i>
        </li>

        <li class="right-bottom-tools tool-expand-width flex-center">
            <i class="fa-regular fa-expand"></i>
        </li>

        <li class="right-bottom-tools tool-dark-light-toggle flex-center">
            <i class="fa-regular fa-moon"></i>
        </li>

        <!-- rss -->
        

        

        <li class="right-bottom-tools tool-scroll-to-bottom flex-center">
            <i class="fa-regular fa-arrow-down"></i>
        </li>
    </ul>

    <ul class="visible-tools-list">
        <li class="right-bottom-tools toggle-tools-list flex-center">
            <i class="fa-regular fa-cog fa-spin"></i>
        </li>
        
            <li class="right-bottom-tools tool-scroll-to-top flex-center">
                <i class="arrow-up fas fa-arrow-up"></i>
                <span class="percent"></span>
            </li>
        
        
    </ul>
</div>

    </div>

    <div class="image-viewer-container">
    <img src="">
</div>


    
        <div class="search-pop-overlay">
    <div class="popup search-popup">
        <div class="search-header">
          <span class="search-input-field-pre">
            <i class="fa-solid fa-keyboard"></i>
          </span>
            <div class="search-input-container">
                <input autocomplete="off"
                       autocorrect="off"
                       autocapitalize="off"
                       placeholder="搜索..."
                       spellcheck="false"
                       type="search"
                       class="search-input"
                >
            </div>
            <span class="popup-btn-close">
                <i class="fa-solid fa-times"></i>
            </span>
        </div>
        <div id="search-result">
            <div id="no-result">
                <i class="fa-solid fa-spinner fa-spin-pulse fa-5x fa-fw"></i>
            </div>
        </div>
    </div>
</div>

    


</main>


<script src="/js/libs/Swup.min.js"></script>

<script src="/js/libs/SwupSlideTheme.min.js"></script>

<script src="/js/libs/SwupScriptsPlugin.min.js"></script>

<script src="/js/libs/SwupProgressPlugin.min.js"></script>

<script src="/js/libs/SwupScrollPlugin.min.js"></script>

<script>
    const swup = new Swup({
        plugins: [
            new SwupScriptsPlugin({
                optin: true,
            }),
            new SwupProgressPlugin(),
            new SwupScrollPlugin({
                offset: 80,
            }),
            new SwupSlideTheme({
                mainElement: ".main-content-body",
            }),
        ],
        containers: ["#swup"],
    });

    swup.on("pageView", () => {
        Global.refresh();
    });

    // if (document.readyState === "complete") {
    //
    // } else {
    //     document.addEventListener("DOMContentLoaded", () => init());
    // }
</script>





<script src="/js/utils.js"></script>

<script src="/js/main.js"></script>

<script src="/js/layouts/navbarShrink.js"></script>

<script src="/js/tools/scrollTopBottom.js"></script>

<script src="/js/tools/lightDarkSwitch.js"></script>

<script src="/js/layouts/categoryList.js"></script>



    
<script src="/js/tools/localSearch.js"></script>




    
<script src="/js/tools/codeBlock.js"></script>




    
<script src="/js/layouts/lazyload.js"></script>




    
<script src="/js/tools/runtime.js"></script>

    
<script src="/js/libs/odometer.min.js"></script>

    
<link rel="stylesheet" href="/assets/odometer-theme-minimal.css">




  
<script src="/js/libs/Typed.min.js"></script>

  
<script src="/js/plugins/typed.js"></script>




    
<script src="/js/libs/mermaid.min.js"></script>

    
<script src="/js/plugins/mermaid.js"></script>





<div class="post-scripts" data-swup-reload-script>
    
        
<script src="/js/tools/tocToggle.js"></script>

<script src="/js/layouts/toc.js"></script>

<script src="/js/libs/anime.min.js"></script>

<script src="/js/plugins/tabs.js"></script>

    
</div>


</body>
</html>
